﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="MxWeiXinPF.Web.shop.index" %>

<%@ Import Namespace="MxWeiXinPF.Common" %>
<!DOCTYPE html>
<html style="font-size: 40px;" data-dpr="1" lang="zh-CN"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
  	<title><%=shopName%></title>
  	<meta charset="utf-8">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-touch-fullscreen" content="yes">
	<meta content="fullscreen=yes,preventMove=no" name="ML-Config">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no,email=no,address=no">
  	<meta content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" name="viewport">
    <link rel="stylesheet" type="text/css" href="/shop/templates/default/css/index.css">
    <style>
        .now_price{color:#f5280d;font-size:1.2em}
        .old_price{color:#666; text-decoration:line-through;font-size:1.2em}
        .ad { 
              position: fixed; 
              top: 280px; 
              padding: 10px; 
              color: green;
              z-index:9999;
              width:64px;
              height:64px;
            } 

            .ad-left { 
              left: 20px; 
            } 

            .ad-right { 
              right: 20px; 
            }
            .icon_bbs_index {
	            background-image: url(../images/smart.jpg);
	            background-size: 100% 100%;
	            width: 64px;
	            height: 64px
            }
            .icon_bbs_index2 {
	            background-image: url(../images/bbs.jpg);
	            background-size: 100% 100%;
	            width: 64px;
	            height: 64px
            }
            .qb_icon {
	            display: inline-block;
	            background-repeat: no-repeat;
                vertical-align: -3px;
                vertical-align: -2px;
	            float: right;
	            cursor: pointer;
            }
            @media screen and (-webkit-device-pixel-ratio:1.5) {
	            .qb_icon {
		            -webkit-background-size: auto;
		            background-size: auto
	            }
            }
    </style>
    <script>
	//document.domain = 'clofood.cn';
	! function(a) {
		function b() {
			var b = g.getBoundingClientRect().width;
			b / c > 640 && (b = 640 * c), a.rem = b / 16, g.style.fontSize = a.rem + "px"
		}
		var c, d, e, f = a.document,
			g = f.documentElement,
			h = f.querySelector('meta[name="viewport"]'),
			i = f.querySelector('meta[name="flexible"]');
		if (h) {
			var j = h.getAttribute("content").match(/initial\-scale=(["']?)([\d\.]+)\1?/);
			j && (d = parseFloat(j[2]), c = parseInt(1 / d))
		} else if (i) {
			var j = i.getAttribute("content").match(/initial\-dpr=(["']?)([\d\.]+)\1?/);
			j && (c = parseFloat(j[2]), d = parseFloat((1 / c).toFixed(2)))
		}
		if (!c && !d) {
			var k = (a.navigator.appVersion.match(/android/gi), a.navigator.appVersion.match(/iphone/gi)),
				c = a.devicePixelRatio;
			c = k ? c >= 3 ? 3 : c >= 2 ? 2 : 1 : 1, d = 1 / c
		}
		if (g.setAttribute("data-dpr", c), !h)
			if (h = f.createElement("meta"), h.setAttribute("name", "viewport"), h.setAttribute("content", "initial-scale=" + d + ", maximum-scale=" + d + ", minimum-scale=" + d + ", user-scalable=no"), g.firstElementChild) g.firstElementChild.appendChild(h);
			else {
				var l = f.createElement("div");
				l.appendChild(h), f.write(l.innerHTML)
			}
		a.dpr = c, a.addEventListener("resize", function() {
			clearTimeout(e), e = setTimeout(b, 300)
		}, !1), a.addEventListener("pageshow", function(a) {
			a.persisted && (clearTimeout(e), e = setTimeout(b, 300))
		}, !1), "complete" === f.readyState ? f.body.style.fontSize = 12 * c + "px" : f.addEventListener("DOMContentLoaded", function() {
			f.body.style.fontSize = 12 * c + "px"
		}, !1), b()
	}(window);
		// var targetProtocol = "https:";
	// if (window.location.protocol != targetProtocol){
	// 	window.location.href = targetProtocol + window.location.href.substring(window.location.protocol.length);
	// }
	</script>

	</head>
<body style="font-size: 12px;">
  	<div class="wrap">
  		<div class="head">
  			
  			<!-- 滑动图 -->
				<div id="focus" class="focus">
					<div class="hd">
						<ul><li class="">1</li><li class="on">2</li><li class="">3</li><li class="">4</li></ul>
					</div>
					<div class="bd">
						<div class="tempWrap" style="overflow:hidden; position:relative;">
						<ul style="width: 2560px; position: relative; overflow: hidden; padding: 0px; margin: 0px; transition-duration: 200ms; transform: translateX(-640px);">
							<%--<li style="display: table-cell; vertical-align: top; width: 640px;"><a href="javascript:;" class="jumpurl"><img src="/shop/templates/default/images/576a7a9a03c3c.jpg"></a></li>
							<li style="display: table-cell; vertical-align: top; width: 640px;"><a href="javascript:;" class="jumpurl"><img src="/shop/templates/default/images/57872b01a6820.jpg"></a></li>
							<li style="display: table-cell; vertical-align: top; width: 640px;"><a href="javascript:;" class="jumpurl"><img src="/shop/templates/default/images/577fd9ee7ebe6.jpg"></a></li>
							<li style="display: table-cell; vertical-align: top; width: 640px;"><a href="javascript:;" class="jumpurl"><img src="/shop/templates/default/images/5774cb0cc8706.jpg"></a></li>--%>
                            <%=toppicstr %>
						</ul>
						</div>
					</div>
				</div>								
				<!-- 滑动图完 -->
                <div style="background:#fff; padding:0.3rem 0.2rem; overflow:hidden">
                <div style="overflow:hidden;border:0.055rem solid #666;">
  				   <input type="text" id="txtkeyword"  placeholder="输入您需要的药品名称" style="width:80%; font-size:0.55rem; color:#666; text-align:center; height:1.8rem; float:left; ">
                   <input type="button" onclick="search();" style="width:20%; height:1.8rem;; float:right; font-size:0.55rem;background:url(/shop/templates/default/images/index_search_b.png) no-repeat center">
                   <div style="clear:both"></div>
  			   </div>
               </div>
  		</div>
        
        
      
  		<ul class="ico_nav">
              <% =cactegoryimg %>
  		</ul>
			
		  		  		
	  	<%=indexContent%>	  	
	  	<div class="zl"> 已经到底了...</div>	  		  		  		  		  	 		
	<div class="ad ad-right"><a href="http://sh.9yyb.com/shdata.aspx?user=<%=_openid %>" title="智能手环"><i class="qb_icon icon_bbs_index"></i></a></div>
    <div class="ad ad-left"><a href="<%=bbsurl %>" title="留言"><i class="qb_icon icon_bbs_index2"></i></a></div>
	<div class="footer">
		<ul class="clearfix">
			<li class="selected"><a href="#"><i><img style="height:0.8rem;width:0.8rem;" src="/shop/templates/default/images/icon-home.png"></i><span>首页</span></a></li>
			<li><a href="<%=categoryurl%>"><i><img style="height:0.8rem;width:0.8rem;" src="/shop/templates/default/images/icon-cat.png"></i><span>药品分类</span></a></li>
			<li class="head-shopcart "><a href="<%=carturl%>"><i><img style="height:0.8rem;width:0.8rem;" src="/shop/templates/default/images/icon-cart.png"></i><span>购物车</span></a></li>
			<li><a href="<%=userurl%>"><i><img style="height:0.8rem;width:0.8rem;" src="/shop/templates/default/images/icon-user.png"></i><span>会员中心</span></a></li>
		</ul>
	</div>
	
																																	  					  	
  	</div> 
  	<script src="/shop/templates/default/js/jquery-1.js"></script>
    <script src="/shop/templates/default/js/jquery.js"></script>
    <script src="/shop/templates/default/js/TouchSlide.js"></script>
    <script src="/shop/templates/default/js/layer.js"></script>
    <script src="/shop/templates/default/js/indexback.js"></script>
	<script src="/shop/templates/default/js/hm.js"></script>
</body>
</html>
<script type="text/javascript">
	function search() {
		    var keyword = document.getElementById("txtkeyword").value;
            window.location.href = "<%=searchurl %>" + "&keyword=" + keyword + "";
	}
</script>
